Component({
  properties: {
    visible: {
      type: Boolean,
      value: false
    },
    currentStep: {
      type: Number,
      value: 0
    }
  },
  data: {
    steps: [ 
      {
        title: "如何使用拍照搜题",
        content: "拍照搜题是一种高效的搜题方式，只需三步即可快速找到答案",
        image: "https://xfjf-1310081316.cos.ap-guangzhou.myqcloud.com/step1.png"
      },
      {
        title: "第一步：拍摄清晰照片",
        content: "点击\"拍照识别\"按钮，将题目放入取景框内，保持手机稳定，确保文字清晰",
        image: "https://xfjf-1310081316.cos.ap-guangzhou.myqcloud.com/step2.png" 
      },
      {
        title: "第二步：确认题目",
        content: "拍照后，系统会自动识别题目，您可以编辑确保题目正确",
        image: "https://xfjf-1310081316.cos.ap-guangzhou.myqcloud.com/step3.png" 
      },
      {
        title: "第三步：查看答案",
        content: "确认题目后，系统会立即搜索并显示相关答案，点击可查看详情",
        image: "https://xfjf-1310081316.cos.ap-guangzhou.myqcloud.com/step4.png" 
      }
    ],
    totalSteps: 4,
    showImagePreview: false,
    previewImageUrl: ''
  },
  // 生命周期函数，在组件实例进入页面节点树时执行
  attached: function() {
    // 检查图片是否存在，如果不存在则使用默认图片
    this.checkAndSetDefaultImages();
  },
  methods: {
    // 下一步
    nextStep: function() {
      let nextStep = this.data.currentStep + 1;
      if (nextStep >= this.data.totalSteps) {
        // 已完成所有步骤，关闭引导
        this.triggerEvent('complete');
      } else {
        this.setData({
          currentStep: nextStep
        });
      }
    },
    
    // 返回上一步
    prevStep: function() {
      if (this.data.currentStep > 0) {
        this.setData({
          currentStep: this.data.currentStep - 1
        });
      }
    },
    
    // 预览图片
    previewImage: function() {
      const currentImage = this.data.steps[this.data.currentStep].image;
      this.setData({
        showImagePreview: true,
        previewImageUrl: currentImage
      });
    },
    
    // 关闭图片预览
    closeImagePreview: function() {
      this.setData({
        showImagePreview: false
      });
    },
    
    // 检查并设置默认图片
    checkAndSetDefaultImages: function() {
      const steps = this.data.steps;
      for(let i = 0; i < steps.length; i++) {
        // 检查图片是否存在
        // wx.getImageInfo({
        //   src: steps[i].image,
        //   fail: () => {
        //     // 图片不存在，使用默认图片
        //     const updatedSteps = this.data.steps;
        //     updatedSteps[i].image = defaultImages[i];
        //     this.setData({
        //       steps: updatedSteps
        //     });
        //   }
        // });
      }
    }
  },
  // 添加动画效果
  pageLifetimes: {
    show: function() {
      // 页面显示时可以添加一些效果
      this.setData({
        currentStep: 0 // 每次显示都从第一步开始
      });
    }
  }
}) 